<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>"我与她的故事"</title>
  <link rel="stylesheet" type="text/css" href="index.css">
  <link rel="stylesheet" type="text/css" href="登录.css">
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<style>
   #adminBtn {
      font-weight: bold;
      font-size: 16px;
      font-family: "宋体", sans-serif;
      color: rgb(255, 253, 253);
    }
    .social-link {
      font-weight: bold;
      font-size: 16px;
      font-family: "宋体", sans-serif;
      color: rgb(128, 125, 125);
    }
</style>
<script>
  var text = "";
  //实时查询筛选功能，不用点击按钮
  setInterval(function () {
    text = $('#input').val();//获取文本框输入
    if ($.trim(text) != "") {
      $(".table1 tr:not('#theader')").hide().filter(":contains('" + text + "')").show();
    } else {
    }
  }, 100);
</script>
<script>
  function setTab(name, cursel, n) {
    for (i = 1; i <= n; i++) {
      var menu = document.getElementById(name + i);
      var con = document.getElementById("con_" + name + "_" + i);
      menu.className = i == cursel ? "hover" : "";
      con.style.display = i == cursel ? "block" : "none";
    }
  }
</script>

<body>

  <body>
    <!-- 弹出登陆框按钮 -->

    <div class="top_bg">
      <div class="top">
        <p style="float:left;"><img src="images/logoko.png" /></p>
        <div class="youce" div id="login-header">
          <p><a id="adminBtn" href="javascript:void(0)">登录/注册</a> | <a class="social-link" href="https://wx.qq.com/">微信</a> | <a
            class="social-link" href="https://m.weibo.cn/login">微博</a></p>
              <div class="sousuo">
                <input id="baidu-search" name="" type="text" class="sousuo_in" />
                <a href="#" id="search-button"> <img src="images/logoko2.png" style="float:left;" /></a>
              </div>
            
              <script>
                // 获取搜索按钮和文本框的元素
                var searchButton = document.getElementById('search-button');
                var searchInput = document.getElementById('baidu-search');
            
                // 给搜索按钮添加点击事件
                searchButton.addEventListener('click', function(e) {
                  // 阻止默认的链接跳转行为
                  e.preventDefault();
            
                  // 获取文本框的内容
                  var searchText = searchInput.value;
            
                  // 将文本框的内容填充到百度搜索框内
                  var baiduSearchInput = document.getElementById('baidu-search');
                  baiduSearchInput.value = searchText;
            
                  // 跳转到百度搜索页面
                  window.location.href = 'https://www.baidu.com/s?wd=' + encodeURIComponent(searchText);
                });
              </script>

        </div>
      </div>
    </div>


    <!-- 登录框主体 -->
  <div id="login" class="login">
    <!-- 登录框标题 -->
    <div id="login-title" class="login-title">
      <p style="text-align: center;font-size: 30px; font-family:楷体">欢迎</p>
      </a> <span><a id="closeBtn" href="javascript:void(0)">逃跑</a></span>
    </div>
    <!-- 登录框表单 -->
    <div id="login-form">
      <div class="login-input">
        <label>账 号：</label>
        <input type="text" placeholder="请输入用户名/电话/账号" class="list-input" id="username" />
      </div>

      <div class="login-input">
        <label>密 码：</label>
        <input type="password" placeholder="请输入密码" class="list-input" id="password" />
      </div>
    </div>
    <!-- 登录框登录按钮 -->
    <input type="submit" onclick="validateLogin()" id="loginSubmit" value="登陆" class="loginSubmit" />
    <script>
          function validateLogin() {
      var username = document.getElementById('username').value; // 获取用户名
      var password = document.getElementById('password').value; // 获取密码
    
      if (username === '王君昊' && password === 'wjh1314520') {
        alert('登陆成功');
        // 登录成功后的逻辑，例如页面跳转
        window.location.href = '编辑页面.html';
      } else {
        alert('密码或用户名错误！若没有账号请注册！');
        // 登录失败后的逻辑，例如页面跳转
        window.location.href = 'index.html';
      }
    }
  </script>
    <!-- 注册框登录按钮 -->
    <div>
      <p style="text-align: center; font-family:楷体">还没有账号？一键<a style="color: aqua;font-family:楷体 "
          href="注册.html">注册</a></p>
    </div>
  </div>
  <!-- 遮盖层 -->
  <div id="bg" class="bg"></div>
    <script src="登录.js"></script>
    <div class="nav_bg">
      <div class="nav">
        <p><a href="index.html">首 页</a><a href="#" onclick="alert('请先登录！登录注册后自动跳转！')">故事记录</a><a href="#" onclick="alert('敬请期待！')">敬请期待1<a href="#"
              onclick="alert('敬请期待！')">敬请期待2</a><a href="#" onclick="alert('敬请期待！！')">敬请期待3</a></p>
      </div>
    </div>


    <center>
      <div id="page">

        <div class="lunhuan">
          <script type="text/javascript" language="JavaScript">

            var widths = 470;
            var w = 2;
            var widthss = widths + w;
            var heights = 410;
            var heightss = heightss + w;
            var heightt = 20;
            var counts = 5;

            img1 = new Image(); img1.src = 'images/tou1.jpg';
            url1 = new Image(); url1.src = '#';


            img2 = new Image(); img2.src = 'images/tou2.jpg';
            url2 = new Image(); url2.src = '#';


            img3 = new Image(); img3.src = 'images/tou3.jpg';
            url3 = new Image(); url3.src = '#';

            img4 = new Image(); img4.src = 'images/tou4.jpg';
            url4 = new Image(); url4.src = '#';

            img5 = new Image(); img5.src = 'images/tou5.jpg';
            url5 = new Image(); url5.src = '#';

            var nn = 1; //当前所显示的滚动图
            var key = 0;    //标识是否为第一次开始执行
            var tt;    //标识作用

            function change_img() {
              if (key == 0) { key = 1; } //如果第一次执行KEY=1，表示已经执行过一次了。
              else if (document.all)//document.all仅IE6/7认识，firefox不会执行此段内容
              {
                document.getElementById("pic").filters[0].Apply(); //将滤镜应用到对像上
                document.getElementById("pic").filters[0].Play(duration = 2);  //开始转换
                document.getElementById("pic").filters[0].Transition = 23;//转换效果
              }

              eval('document.getElementById("pic").src=img' + nn + '.src');     //替换图片
              eval('document.getElementById("url").href=url' + nn + '.src'); //替换URL
              //替换ALT

              for (var i = 1; i <= counts; i++) {
                document.getElementById("xxjdjj" + i).className = 'axx';
              }
              document.getElementById("xxjdjj" + nn).className = 'bxx';  //将当前页面的ID设置为选中状态
              nn++;
              if (nn > counts) { nn = 1; }    //如果ID大于总图片数量。则从头开始循环
              tt = setTimeout('change_img()', 2000);    //在4秒后重新执行change_img()方法.
            }
            function changeimg(n)//点击黑条上的链接执行的方法。
            {
              nn = n; //当前页面的ID等于传入的N值,
              window.clearInterval(tt); //清除用于循环的TT
              //重新执行change_img();但change_img()内所调用的图片ID已经在此处被修改,会从新ID处开始执行.
              change_img();
            }
            //样式表
            document.write('<style>');
            document.write('.axx{padding:1px 6px;margin-left:3px;border-left:#cccccc 1px solid;font-size:12px;}');
            document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#666;');
            document.write('line-height:12px;font:12px sans-serif;background-color:#eee;border:1px solid #666}');

            document.write('.bxx{padding:1px 6px;margin-left:3px;border-left:#cccccc 1px solid;}');
            document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#111;');
            document.write('line-height:12px;font:12px sans-serif;background-color:#fff;border:1px solid #111}');

            document.write('</style>');
            //内容部分
            document.write('<div style="width:' + widthss + 'px;height:' + heights + 'px;');
            document.write('overflow:hidden;text-overflow:clip;float:left;">');
            document.write('<div><a id="url" target="_blank"><img id="pic" ');
            document.write('style="border:0;');
            document.write('FILTER: progid:DXImageTransform.Microsoft.RevealTrans (duration=2,transition=23)"');
            document.write(' width=' + widths + ' height=' + heights + ' /></a></div>');
            document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=90);');
            document.write('width:100%-2px;text-align:right;');
            document.write('top:-19px;position:relative;margin:-13px 19px 0 1px;height:22px;line-height:22px;');
            document.write('z-index:4000;"><div style="height:22px;line-height:22px;padding:2px 0 0 0;">');


            for (var i = 1; i < counts + 1; i++) {
              document.write('<a href="javascript:changeimg(' + i + ');" id="xxjdjj' + i + '"');
              document.write(' class="axx" target="_self">' + i + '</a>');
            }
            document.write('</div></div></div>');


            change_img();


          </script>

        </div>

        <script>
          var text = "";
          //实时筛选，不用点击按钮
          setInterval(function () {
            text = $('#input1').val();//获取文本框输入
            if ($.trim(text) != "") {
              $(".table1 tr:not('#theader')").hide().filter(":contains('" + text + "')").show();
            } else {
              $('.table1 tr').show();//当删除文本框的内容时，又重新显示表格所有内容
            }
          }, 100);
        </script>
        <div class="you" id="box">
          <div class="youA">
            <p><a href="#" id="one1" onclick="setTab('one',1,3)" class="hover">故事中心</a><a href="#" id="one2"
                onclick="setTab('one',2,3)">敬请期待1</a><a href="#" id="one3" onclick="setTab('one',3,3)">敬请期待2</a></p>
          </div>



          <h1 style="text-align: center;color:#f33333;font-size: 16px; font-family:楷体;">故事查询：<input type="text" name=""
              id="input1" value="" placeholder="实时筛选，请输入查询关键字！" />

          </h1>
          <div class="" id="">


          </div>

          <div class="youB">
            <!-- cx ****************************************************-->
            <script>

            </script>

            <!-- cx ****************************************************-->

            <div id="con_one_1" class="hover">
              <table width="440" border="0" cellspacing="0" cellpadding="0" class="table1" id="table">
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">作者马力十足</a></p>
                  </td>
                  <td width="89">(xx月xx日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(xx月xx日)</td>
                </tr>
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
              </table>
            </div>



            <div id="con_one_2" style="display:none">
              <table width="440" border="0" cellspacing="0" cellpadding="0" class="table1" id="table">
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td width="89">(xx月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td width="89">(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">敬请期待！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td>(12月25日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td>(11月12日)</td>
                </tr>
              </table>
            </div>



            <div id="con_one_3" style="display:none">
              <table width="440" border="0" cellspacing="0" cellpadding="0" class="table1" id="table">
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td width="89">(xx月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td width="89">(xx月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！..</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td width="351" height="31">
                    <p><a href="新闻1.html">正在由作者规划编辑中！</a></p>
                  </td>
                  <td width="89">(xx月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
                <tr>
                  <td height="31">
                    <p><a href="新闻1.html">火速加班！！！</a></p>
                  </td>
                  <td>(12月12日)</td>
                </tr>
              </table>
            </div>
          </div>



        </div>



      </div>



      </div>
      <div class="clearit"></div>

      <div class="liebiao">

        <div class="liebiao_l">
          <div class="liebiaoA">
            <h6>模块部分2</h6><span><a href="新闻1.html" target="_blank">more>></a></span>
          </div>
          <table width="470" border="0" cellspacing="2" cellpadding="0">
            <tr>
              <td width="387" align="left"><a href="新闻1.html">哈哈哈1</a></td>
              <td width="77">11月14日</td>
            </tr>
            <tr>
              <td align="left"><a href="新闻1.html">哈哈哈2</a></td>
              <td>11月14日</td>
            </tr>
            <tr>
              <td align="left"><a href="新闻1.html">哈哈哈3</a></td>
              <td>11月14日</td>
            </tr>

          </table>

        </div>

        <div class="liebiao_r">
          <div class="liebiaoA">
            <h6>模块部分1</h6><span><a href="" target="_blank">more>></a></span>
          </div>
          <table width="470" border="0" cellspacing="2" cellpadding="0">
            <tr>
              <td width="115" valign="top"><a href="新闻1.html"><img src="images/tou7.jpg" width="115" height="74" /></a>
              </td>
              <td width="114" valign="top">详细规划中...[<a href=""
                  target="_blank">更多</a>]</td>
              <td width="111" valign="top"><a href="新闻1.html"><img src="images/tou6.jpg" width="111" height="75" /></a>
              </td>
              <td width="120" valign="top">
                <p>详细规划中......[<a href="" target="_blank">更多</a>]</p>
              </td>
            </tr>
          </table>

        </div>
        <div class="clearit"></div>
      </div>

      <br />

    </center>
    </div>
    <div class="foot_bg">
      <div class="foot">
        <div class="foot_p">
          <p style="text-align: center; font-family:楷体">版权所有 © <a
              href="https://gitee.com/ZJCACE/zjcace">chengpp-ZJCSpace</a> <a href="联系方式.HTML">联系我们</a> <a
              href="联系方式.HTML">意见和建议</a> </p>
          <p style="text-align: center; font-family:楷体"> 技术支持:
            <a href="联系方式.HTML">chengpp-VXZ503424/QQ2719472391</a>
          </p>
        </div>
      </div>
    </div>

  </body>

</html>